{% extends 'base_product.html' %}
{% block body %}
    <div class="px-4 pt-5 my-5 text-center border-bottom container">
        <h2>{{ the_title }}</h2>
        <form class="p-4 p-md-5 border rounded-3 bg-dark " method='POST' action='/search4'>

            <p>You submitted the following data:</p>
            <div class="row g-7">
                <label class="form-label">Phrase: {{ the_phrase }}</label>
                <label class="form-label">Letters: {{ the_letters }}</label>
                <p>When "{{ the_phrase }}" is search for "{{ the_letters }}", the folowing results are returned:</p>
                <h3>{{ the_results }}</h3>
            </div>
        </form>
    </div>
{% endblock %}